<!-- <template>
  <nav>
    <router-link to="/">首页</router-link>
    <router-link to="/about">关于</router-link>
  </nav>
  <router-view/>
</template> -->

<template>
  

  <!-- 把原来的router-link直接换成这样 -->
  <button @click="$router.push('/')">首页</button>
  <button @click="$router.push('/about')">关于</button>
  <button @click="$router.push('/pet')">宠物</button>
  
  <!-- 这个保持不变 -->
  <router-view></router-view>
</template>